<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>get方法</title>
</head>
<body>
<form autocomplete="off">
  姓名：<input type="text" id="username">
  <span id="uSpan"></span>
  <br>
  密码：<input type="password" id="password">
  <br>
  <input type="submit" value="注册">
</form>
</body>
      <script src="../js/jquery-3.3.1.min.js"></script>
      <script>
          //1.首先绑定失去焦点
          $("#username").blur(function (){
            let val = $("#username").val();
            //2.get实现ajax
            $.get(
              //2.1路径
                     "userServlet",
                    //2.2请求参数
                    "username="+val,
                    //2.3回调函数
                    function (data){
                      //那边响应的数据显示到span标签
                      $("#uSpan").html(data);
                    },
                  //响应数据类型
                  "text"
            );
          });
      </script>
</html>